<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 权限页面  基于角色的访问控制 rbac  role based access control 
    // 按照之前配置路由规则的方案 梳理接下来配置路由的方案, 但是这种方案 不太好对权限进行管理,
    // 待会梳理分析 下载好的模板中的路由规则配置的方式
    new Router({
      routes: [
        { path: '/login', component: 登录组件 },
        { path: '/404', component: 404组件 },
        { path: '/', component: layout组件, children: [
          { path: '/dashboard', component: 首页组件 },
          
          { path: '/department', component: 组织组件 },
          { path: '/role', component: 角色组件 },

          { path: '/employee', component: 员工组件 },
          { path: '/employee/detail', component: 添加员工组件 },
          { path: 'employee/detail/1', component: 员工详情组件 },

          { path: '/permission', component: 权限组件 },
          { path: '/attendance', component: 考勤组件 },
          { path: '/approval', component: 审批组件 },
          { path: '/salary', component: 工资组件 },
          { path: '/social', component: 社保组件 },
         ]
        },
      ]
    })

  </script>
</body>
</html>